<include file="Public/header" />
<div class="center_index">
    <span>上大计算机学院微信平台</span><br/>
    <span class="xitong">校友专区</span><br/>

</div>
<marquee  scrollAmount=3 width=400 >公告：<a style="cursor:pointer" id='notice' data-toggle="modal" data-target="#myModal">校友会报名开始啦！</a></marquee>
<div id="myCarousel" class="carousel slide">

   <!-- 轮播（Carousel）项目 -->
   <div class="carousel-inner">
      <div class="item active">
         <img src="__ROOT__/Public/images/explorations1.jpg" alt="First slide">
      </div>
      <div class="item">
         <img src="__ROOT__/Public/images/explorations2.jpg" alt="Second slide">
      </div>
      <div class="item">
         <img src="__ROOT__/Public/images/explorations3.jpg" alt="Third slide">
      </div>
   </div>
   <!-- 轮播（Carousel）导航 -->
   <a class="carousel-control left" href="#myCarousel"
      data-slide="prev">&lsaquo;</a>
   <a class="carousel-control right" href="#myCarousel"
      data-slide="next">&rsaquo;</a>
</div>
<section class="article-list" id="list">
    <ul class="list-container" >
        <li class="list-item">
            <div class="title">五年后，啦啦啦啦啦啦啦啦啦啦啦</div>
            <div class="itd">
                <span class="kind">资讯天地</span>
                <span class="createTime">2015-12-25</span>
            </div>
        </li>
        <li class="list-item">
            <div class="title">五年后，啦啦啦啦啦啦啦啦啦啦啦</div>
            <div class="itd">
                <span class="kind">资讯天地</span>
                <span class="createTime">2015-12-25</span>
            </div>
        </li>
        <li class="list-item">
            <div class="title">五年后，啦啦啦啦啦啦啦啦啦啦啦</div>
            <div class="itd">
                <span class="kind">资讯天地</span>
                <span class="createTime">2015-12-25</span>
            </div>
        </li>
    </ul>
    <div id="pullUp">
        <div class="pullUpLabel" style="text-align:center;"><a style="color:#666;" href="javascript:void(0)"></a></div>
    </div>
</section>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                  &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">
               报名通道
            </h4>
         </div>
         <div class="modal-body">
             <div class="input-group">

                <input type="text" class="form-control" maxlength="25">
             </div>
             <br>

             <div class="input-group">
                 <span class="input-group-addon">学号</span>
                <input type="text" class="form-control" maxlength="8">

             </div>
             <br>
             <div class="input-group">
                <span class="input-group-addon">联系电话</span>
                <input type="text" class="form-control" maxlength="11">
             </div>
             <div class="input-group">
                 <label for="name"></label>
                 <input type="text" class="form-control" maxlength="4">
                 <span class="input-group-addon">届毕业生</span>
                 <select class="form-control">
                    <option value='1'>本科</option>
                    <option value='2'>硕士</option>
                    <option value='3'>博士</option>
                 </select>
                 <span class="input-group-addon">毕业生</span>
            </div>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default"
               data-dismiss="modal">关闭
            </button>
            <a type="button" class="btn btn-primary">
               提交
           </a>
         </div>
      </div><!-- /.modal-content -->
</div><!-- /.modal -->
</body>
<script src="__ROOT__/Public/js/jquery.min.js"></script>
<script src="__ROOT__/Public/js/bootstrap.min.js"></script>
</html>
